let defaultSequence = [
  ['content'],
  [
    'visibility',
    'display',
    'opacity',
    'outline',
    'overflow',
    'cursor',
    'user-select',
  ],
  ['position'],
  ['vertical-align', 'justify-content', 'align-items'],
  ['z-index'],
  ['max-width', 'min-width', 'max-height', 'min-height'],
  ['width', 'height', 'margin', 'padding'],
  ['margin-top', 'margin-right', 'margin-bottom', 'margin-left'],
  ['padding-top', 'padding-right', 'padding-bottom', 'padding-left'],
  ['float'],
  ['top', 'right', 'bottom', 'left'],
  ['outline-color', 'outline-offset', 'outline-style', 'outline-width'],
  ['border'],
  [
    'border-top',
    'border-right',
    'border-bottom',
    'border-left',
    'border-image',
  ],
  ['background'],
  [
    'background-attachment',
    'background-blend-mode',
    'background-clip',
    'background-color',
    'background-image',
    'background-origin',
    'background-position',
    'background-position-x',
    'background-position-y',
    'background-repeat',
    'background-size',
  ],
  ['font'],
  ['font-family', 'font-size', 'font-style', 'font-variant', 'font-weight'],
  ['color'],
  ['transform'],
  ['transform-box', 'transform-origin', 'transform-style'],
  ['transition'],
  [
    'transition-property',
    'transition-duration',
    'transition-timing-function',
    'transition-delay',
    // 'transform-origin',
  ],
  ['translate'],
  ['float'],
  ['animation'],
  [
    'animation-name',
    'animation-direction',
    'animation-iteration-count',
    'animation-duration',
    'animation-fill-mode',
    'animation-timing-function',
    'animation-delay',
    'animation-play-state',
  ],
];
let aa = [
  [
    'position',
    'width',
    'height',
    'top',
    'right',
    'bottom',
    'left',
    'transform',
  ],
  ['margin', 'padding', 'background-color'],
  [
    'animation-name',
    'animation-duration',
    'animation-fill-mode',
    'animation-timing-function',
  ],
];
export { defaultSequence, aa };
